<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <!-- 使用不同智能机的宽度 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="renderer" content="webkit">
    <title>MissQ校花</title>
    <link rel="stylesheet" media="all" href="css/base.css">
    <link rel="stylesheet" href="css/app.css"/>
    <script src="js/jquery-1.12.3.min.js"></script>
    <style>

    </style>
    <script>
        ;(function(win, doc){
            function change(){
                doc.documentElement.style.fontSize=20*doc.documentElement.clientWidth/320+'px';
            }

            if(doc.documentElement.clientWidth>640){
                doc.documentElement.style.fontSize=20*640/320+'px';
            }else{
                change();
            }
            win.addEventListener('resize', change, false);
        })(window, document);

        function weixincode(){
            $('.cover').css('display','block');
            $('.code').css({'opacity':1,'transform':'scale(1)'});
        }

        $(function(){
            $('.cover').on('click',function(){
                $('.code').css({'opacity':0,'transform':'scale(1.5)'});
                $('.cover').css('display','none');
            });
        });
    </script>
</head>
<body>
<div class="w640">
    <img src="img/about_bg.jpg" alt="" class="titleImg"/>
    <ul class="mainText">
        <li>Q星院旗下的MissQ和Mr.Q</li>
        <li>有来自全国重点高校的校花校草</li>
        <li>他们颜好、智慧、真实、有趣...</li>
        <li>他们展现最新鲜阳光的校园生活</li>
        <li>和你一起发现未知、找到美</li>
        <li class="weixinID">微信公众号:<a href="javascript:;" onclick="weixincode();">MissQ校花女团</a></li>
        <li class="weibo">新浪微博ID:<a href="http://weibo.com/u/5650761851?is_hot=1">MissQ官方微博</a></li>
        <li class="version">版本号:3.0.0</li>
    </ul>
    <div class="cover"></div>
    <img src="img/wexincode.png" class="code">
</div>
</body>
</html>